<!DOCTYPE HTML>
<html>
<head>
<title>龙跃十二</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Lato:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<!---strat-slider---->
	    <link rel="stylesheet" type="text/css" href="css/slider.css" />
		<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
		<script type="text/javascript" src="js/jquery.cslider.js"></script>
			<script type="text/javascript">
				$(function() {
				
					$('#da-slider').cslider({
						autoplay	: true,
						bgincrement	: 450
					});
				
				});
			</script>
		<!---//strat-slider---->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
		<script>
			$(document).ready(function() {
				$('.popup-with-zoom-anim').magnificPopup({
					type: 'inline',
					fixedContentPos: false,
					fixedBgPos: true,
					overflowY: 'auto',
					closeBtnInside: true,
					preloader: false,
					midClick: true,
					removalDelay: 300,
					mainClass: 'my-mfp-zoom-in'
			});
		});
		</script>
		
</head>
<body>
<div class="wrap"> 
        <div class="slider">
				<!---start-da-slider----->
			  <div id="da-slider" class="da-slider">
				  <div class="da-slide">
					<h1>Fully Responsive & Retina Ready</h1>
					<p>hendrerit in vulputate velit esse.</p>
					<a href="https://blog.csdn.net/qq_38646470" class="da-link">个人博客</a>
				  </div>
				  <div class="da-slide">
					<h1>nostrud exerci tation ullamcorper</h1>
					<p>dignissim blandit praesent lup.</p>
					<a href="#about" class="da-link">项目成果</a>
				  </div>
				  <div class="da-slide">
					<h1>augue duis dolore te feugait</h1>
					<p>quod mazim placerat facer possim.</p>
					<a href="#about" class="da-link">Show More</a>
				  </div>
				  <div class="da-slide">
					<h1>Mirum est notare quam littera</h1>
					<p>parum claram, anteposuerit litterarum.</p>
					<a href="#about" class="da-link">Show More</a>
				  </div>		
				  <nav class="da-arrows">
					<span class="da-arrows-prev"></span>
				 	<span class="da-arrows-next"></span>
				  </nav>
			   </div>
 		       <!---//End-da-slider----->
	      </div>
	 </div>
	  
</body>
</html>
